<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="/venue/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/venue/css/homePage.css" />
		<link rel="stylesheet" href="/venue/css/followed.css" />

	</head>
	<body>
		<div class="container col-xl-12 " id="fl">
			<!-- pagehead navbar -->
			<div id="pageHead" class="">
				<!-- Brand/logo -->
				<div id="logoDiv" class="dropdown">
					<a class="navbar-brand  dropdown-toggle" data-toggle="dropdown"><span id="logoSpan">{{venue.nickname}}</span></a>
					<!--					  <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
					<!--						  <span class="sr-only">Toggle Dropright</span>-->
					<!--					  </button>-->
					<div class="dropdown-menu">
						<a class="dropdown-item" href="homePage.html">首页</a>
						<a class="dropdown-item" href="dynamic.html">动态</a>
						<div class="dropdown-divider"></div>
						<a class="dropdown-item" href="#">退出</a>
					</div>
				</div>


				<!-- Links -->
				<div id="linksDiv">
					<ul class="nav nav-tabs nav-justified justify-content-end">
						<li class="nav-item">
							<a class="nav-link" href="searchCoach.html">查看教练</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="searchVenue.html">查看场馆</a>
						</li>
						<li class="nav-item">
							<a class="nav-link active" href="followed.html">关注</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="message.html">通知</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="myCenter.html">场馆中心</a>
						</li>
					</ul>
				</div>

			</div>
			<!-- navbar end -->

			<!-- 分隔间距 -->
			<div id="separate"></div>

			<div id="content">
				<!-- 我的关注 -->
				<div id="followedDiv" class="list-group">
					<!-- <div class="list-group"> -->
						<button class="btn btn-primary">我的关注</button>
						<div v-for="followed in followeds"  class="followed list-group-item list-group-item-action">
							<div class="avatar"><img :src="followed.avatar"></div>
							<div class="nickname">{{followed.nickname}}</div>
						</div>
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
					<!-- </div> -->

				</div>

				<!-- 关注我的 -->
				<div id="fansDiv" class="list-group">
					<!-- <div class="list-group"> -->
						<button  class="btn btn-primary">关注我的</button>
						<div v-for="fans in fanses" class="followed list-group-item list-group-item-action">
							<div class="avatar"><img :src="fans.avatar"></div>
							<div class="nickname">{{fans.nickname}}</div>
						</div>
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
<!--						<div class="followed list-group-item list-group-item-action">-->
<!--							<div class="avatar"><img src=""></div>-->
<!--							<div class="nickname"></div>-->
<!--						</div>-->
					<!-- </div> -->
				</div>
				
			</div>
			<!-- content end -->
		</div>
	</body>
	<script src="/venue/js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios.js" type="text/javascript" charset="utf-8"></script>
	<script src="/venue/js/axios_interceptor.js" type="text/javascript" charset="UTF-8"></script>
	<script src="/venue/js/jquery.min.js"></script>
	<script src="/venue/js/popper.min.js"></script>
	<script src="/venue/js/bootstrap.min.js"></script>
	<script src="/venue/js/followed.js"></script>
</html>
